<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/base.css">
   <link rel="stylesheet" href="/css/index.css">
   
    <title>首页</title>
</head>
<body>
    <!-- header -->
    <header></header>
    <!-- banner -->
    <div class="banner">
        <div class="container  ban-container">
            <!-- info -->
            <div class="banner-info">
                <ul>
                    <li><a href="#banner-desc;">有品推荐</a></li>
                    <li><a href="javascript:void(0);">家居家纺/家用电器</a></li>
                    <li><a href="javascript:void(0);">手机电脑/电视影音</a></li>
                    <li><a href="javascript:void(0);">智能家庭/数码配件</a></li>
                    <li><a href="javascript:void(0);">餐具厨房/饮食酒水</a></li>
                    <li><a href="javascript:void(0);">服装配饰/鞋靴箱包</a></li>
                    <li><a href="javascript:void(0);">运动健康/出行户外</a></li>
                    <li><a href="javascript:void(0);">洗护美妆/日杂文创</a></li>
                    <li><a href="javascript:void(0);">母婴亲子</a></li>
                </ul>
                <!-- desc -->
                <div class="ban-desc" id="banner-desc"></div>
            </div>
            <!-- carousel -->
            
           <div class="carousel">
                <div class="swiper-container" id="swiper1">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide"><a>
                             <img src="/images/img1.jpg" alt="">
                         </a></div>
                         <div class="swiper-slide"><a>
                             <img src="/images/img2.jpg" alt="">
                         </a></div>
                         <div class="swiper-slide"><a>
                             <img src="/images/img3.jpg" alt="">
                         </a></div>
                         <div class="swiper-slide"><a>
                             <img src="/images/img4.jpg" alt="">
                         </a></div>
                     </div>
                     <div class="swiper-pagination"></div>
                     <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
           </div>
        </div>
    </div>
    <!-- column -->
   <div class="column">
       <div class="container">
           <ul>
               <li><a href="javascript:;"><img src="/images/nian.png" alt=""><span>每日新品</span></a></li>
               <li><a href="javascript:;"><img src="/images/nian.png" alt=""><span>每日新品</span></a></li>
               <li><a href="javascript:;"><img src="/images/nian.png" alt=""><span>每日新品</span></a></li>
               <li><a href="javascript:;"><img src="/images/nian.png" alt=""><span>每日新品</span></a></li>
               <li><a href="javascript:;"><img src="/images/nian.png" alt=""><span>每日新品</span></a></li>
            </ul>
       </div>
   </div>
<!-- list -->
            <div class="list container">
                    <h2 >11.11每日新品<span>感动人心 价格厚道</span><span>更多></span></h2>
                    <div class="products">
                            <div class="swiper-container" id="swiper2">
                                    <div class="swiper-wrapper" id="swiper-wrapper2">
                                            <script type="text/html" id="list-template"> 
                                                {{each list prod}}
                                                <div class="swiper-slide" >
                                                        <div class="prod-id" data-src="/detail.html?id={{prod.id}}">
                                                             <img src="{{prod.img}}" alt="">
                                                             <h3>{{prod.title}}</h3>
                                                             <p>{{prod.desc}}</p>
                                                             <span>{{prod.price}}</span>
                                                        </div>
                                                     </div>
                                                     {{/each}}
                                               </script>
                                      
                                      
                                    </div>
                                    <div class="swiper-button-prev"></div><!--左箭头-->
                                    <div class="swiper-button-next"></div><!--右箭头-->
                            </div>
                    </div>
              </div>
              <footer class="container">footer</footer>
                         
                           
                        
                    
               
           
    <script src="/lib/require.js" data-main="/js/index"></script>
   
   
</body>
</html>
